.title-box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    .title {
        padding: pxToRpx(20);
        color: var(--Text-White, #fff);
        font-family: "PingFang SC";
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-bottom: pxToRpx(60);
    }
}
.content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: pxToRpx(10);
    padding: pxToRpx(16);
    box-sizing: content-box;
    .modal-item {
        display: flex;
        min-width: pxToRpx(160);
        padding: pxToRpx(30) pxToRpx(4);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: pxToRpx(10);
        flex: 1 0 0;
        background: #fff;
        border-radius: 10rpx;
        .icon {
            display: flex;
            width: pxToRpx(80);
            height: pxToRpx(80);
            justify-content: center;
            align-items: center;
            background-color: #f6f7fb;
            border-radius: 50%;
            padding: 20rpx;
            box-sizing: border-box;
            .icon-bg {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-size: 90% 90%;
                border-radius: 50%;
            }
        }
    }
}
